// fm.js
import {
  BASE_URL
} from '../../../http/config';

Page({
  data: {
    pageNo: 1,
    pageSize: 10,
    currentIndex: 0,
    listData: [],
    currentCategoryData: [],
    currentVideoIndex: 0, // 视频所在分类的索引，根据实际情况修改
    autoPlayVideo: false, // 是否自动播放视频
    videoContext: null // 视频上下文
  },

  onLoad() {
    this.detail();
  },

  detail() {
    wx.request({
      url: `${BASE_URL}/fm/find`,
      method: 'GET',
      data: {
        pageNo: this.data.pageNo,
        pageSize: this.data.pageSize
      },
      success: (res) => {
        console.log('接口返回数据:', res);
        if (res.statusCode === 200 && res.data.code === 200) {
          this.setData({
            listData: res.data.data,
            currentCategoryData: res.data.data[0] ? res.data.data[0].courses || [] : []
          });
          // 获取视频上下文
          this.setData({
            videoContext: wx.createVideoContext('fm-video', this)
          });
        } else {
          wx.showToast({
            title: res.data.message || '请求失败',
            icon: 'none'
          });
        }
      },
      fail: (err) => {
        console.error('请求失败:', err);
        wx.showToast({
          title: '网络请求失败',
          icon: 'none'
        });
      }
    });
  },

  changeIndex(event) {
    const index = event.currentTarget.dataset.index;
    console.log('切换分类索引:', index);
    
    // 在切换标签页之前，先暂停当前视频
    if (this.data.videoContext) {
      this.data.videoContext.pause();
    }
    
    this.setData({
      currentIndex: index,
      currentCategoryData: this.data.listData[index] ? this.data.listData[index].courses || [] : [],
      autoPlayVideo: index === this.data.currentVideoIndex // 如果切换到视频所在标签页，设置为自动播放
    });
  },

  // 视频事件处理
  onVideoPlay() {
    console.log('视频开始播放');
  },

  onVideoPause() {
    console.log('视频暂停');
  },

  onVideoEnded() {
    console.log('视频播放结束');
    this.setData({
      autoPlayVideo: false
    });
  },

  onReachBottom() {
    // 分页加载逻辑
  }
});